import React, { Component } from 'react';
import List from './List';

class KanbanBoard extends Component {
	render() {
		return(
			<div className="app">
				<List id='todo' title="To Do" 
					cards={this.props.cards.filter((card) => card.status === "todo")} />

				<List id="in-progress" title="In Progress" 
					cards={this.props.cards.filter((card) => card.status === "in-progress")}/>

				<List id='done' title='Done' 
					cards={this.props.cards.filter((card) => card.status === "done")} />
			</div>
		);
	}
}

export default KanbanBoard;
